body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, textarea, p, blockquote, th, td, img ,iframe { margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
input,button,textarea,option { font:12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style:none; border:0px; }
img{ border:0px; }
.clear{ font:0px/0px serif; display:block; clear:both; }
html{ -webkit-text-size-adjust: none; }
input{ outline:none; vertical-align:middle; margin:0; padding:0;}
button{ border:none; margin:0; padding:0;}
textarea{ resize:none; vertical-align:middle;}
select{ vertical-align:middle;}
a{ text-decoration:none; }
.json{ display:none;}
body:nth-of-type(1) input:focus,textarea:focus{ outline:none; }
body{ font:12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color:#333; background:#fff; position:relative; overflow-x:hidden;}
/*header*/
#header{ width:100%; height:32px; margin:0 auto; background-color:#f5f5f5; border-bottom:1px solid #e5e5e5;}
.header{ width:1000px; height:32px; margin:0 auto;}
.header ul{ float:left;}
.header li{ float:left; font: normal 12px/32px "\5b8b\4f53","Tahoma"; color:#666;}
.header li input{ width:90px; height:18px; float:left; border:1px solid #d7d7d7; margin:6px 5px 6px 0;}
.header li button{ width:39px; height:19px; float:left; border:0; margin:6px 3px; background:url(../images/topic_list2014/topic_list2014.png) no-repeat 0 0; cursor:pointer;}
.header li a{ color:#666; padding:0 5px;}
.header p{ line-height:32px; float:right; color:#dfdfdf; margin-right:-5px;}
.header p a{ display:inline-block; color:#666; padding:0 5px;}
.header p a.mobile{ padding-left:22px; background:url(../images/topic_list2014/topic_list2014.png) no-repeat -114px 0; color:#5b7648;}
.header li a:hover,.header p a:hover{ color:#f60; text-decoration:underline;}
/*adPosition*/
.adPosition{ width:1000px; margin:0 auto; overflow:hidden;}
.adPosition ul{ width:1010px; display:inline; float:left; margin:0px 0 0 -5px;}
.adPosition li{ display:block; float:left; padding:10px 5px 0 5px;}
.adPosition img,.adPosition embed{ float:left;}
/*top*/
.top{ width:1000px; height:83px; margin:0 auto; position:relative; z-index:9999;}
.top .logo{  position:absolute; left:0; top:12px;}
.search{ width:419px; height:38px; position:absolute; z-index:3; top:21px; left:263px; border:1px solid #c1c1c1; border-right:0;}
input.text{ width:350px; height:38px; display:block; position:absolute; line-height:38px; border:0px; background:#fff; color:#666; text-indent:10px; top:22px; left:333px; z-index:3; font-size:14px;}
.top button{ width:71px; height:40px; display:block; position:absolute; top:21px; left:683px; background:url(../images/topic_list2014/topic_list2014.png) no-repeat 0 -20px; cursor:pointer; z-index:3;}
.selectbox-wrapper{ width:68px; border:1px solid #cdcdcd; border-top:0; background:#fff; text-align:center; position:absolute; top:61px; left:263px; z-index:9999;}
.selectbox-wrapper ul li.selected,.selectbox-wrapper ul li.current{ background:#5b7648; color:#fff;}
.selectbox-wrapper ul li { padding-bottom:3px; width:68px; cursor:pointer; font-size:14px; line-height:18px; padding-top:3px; text-indent:20px; text-align:left;}
.selectbox { width:68px; height:36px; border:0; border-right:1px solid #d4d4d4; display:block; line-height:36px; font-size:14px; color:#666; z-index:10; position:absolute; top:23px; left:264px; text-indent:14px; cursor:pointer; background:#fff url(../images/topic_list2014/topic_list2014.png) no-repeat -74px -27px; }
.adRight{ position:absolute; left:800px; top:15px; z-index:1;}
.adRight a img{ width:200px; height:53px; float:left;}
/*flashImg*/
.container{ width:100%; margin:2px auto 0; background:#c7d6bd; padding-bottom:26px;}
.banner{ width:100%; height:387px; background:url(../images/topic_list2014/bannerbg.jpg) no-repeat center top;}
.nav{ width:1002px; height:39px; margin:0 auto; border-top:1px solid #5b7648;}
.nav p{ width:999px; height:39px; float:left; padding-right:2px; border-right:1px solid #83a06e; background:#5b7648; text-align:center;}
.nav a{ width:110px; height:39px; float:left; border-left:1px solid #83a06e; color:#fff; font:bold 16px/39px "Microsoft Yahei","\5b8b\4f53";}
.nav a:hover{ color:#333; background:#fff;}
.flash{ width:1002px; height:378px; margin:0 auto; background:url(../images/topic_list2014/flashimgbg.jpg) no-repeat; position:relative; z-index:1;}
.flashImg{ width:980px; height:340px; position:absolute; left:11px; top:0; z-index:1;}
.flashPage a{ width:41px; height:72px; display:block; position:absolute; top:124px; z-index:2; background:url(../images/topic_list2014/Icon.gif) no-repeat;}
.flashPage .prev{ left:-10px; background-position:0 0;}
.flashPage .next{ left:971px; background-position:-41px 0;}
.flashPage .prev:hover{ background-position:-82px 0;}
.flashPage .next:hover{ background-position:-123px 0;}
.flashBtn{ width:105px; height:14px; position:absolute; left:448px; top:351px; z-index:2;}
.flashBtn a,.flashBtn a.focus{ width:14px; height:14px; float:left; margin-left:7px; background:url(../images/topic_list2014/Icon2.png) no-repeat;}
.flashBtn a.focus{ background-position:0 -14px;}
/*mainLeft*/
.main{ width:1008px; margin:57px auto 0; _margin-top:26px;}
.left{ width:238px; height:1188px; float:left; background:url(../images/topic_list2014/bgleft.png) no-repeat; position:relative; z-index:1;}
.leftTop{ width:249px; height:65px; position:absolute; left:-11px; top:4px; background:url(../images/topic_list2014/leftTop.gif) no-repeat left top; z-index:2;}
.leftTop h3{ width:249px; height:52px; text-indent:82px; font:bold 25px/52px "Microsoft Yahei","\5b8b\4f53"; color:#fff; background:url(../images/topic_list2014/topic_list2014.png) no-repeat -68px -157px;}
.left ul{ width:204px; height:324px; position:absolute; left:18px; top:73px; z-index:2;}
.left li{ width:204px; height:35px; float:left; border-bottom:1px solid #e9efe6; font:bold 16px/35px "Microsoft Yahei","\5b8b\4f53"; text-indent:32px; background:url(../images/topic_list2014/topic_list2014.png) no-repeat -111px -214px; position:relative; z-index:1;}
.left li a{ width:204px; height:35px; position:absolute; left:0; top:0; z-index:3; color:#5b7648;}
.left li b{ width:204px; height:36px; background:url(../images/topic_list2014/leftlistbg.png) no-repeat; position:absolute; left:0; top:-1px; z-index:2; display:none;}
.left li.hover{ border-bottom:1px solid #fff;}
.left li.hover a{ color:#fff;}
.left li.hover b{ display:block;}
/*mainRight*/
.right{ width:746px; height:1188px; float:left; margin-left:24px; background:url(../images/topic_list2014/bgright.png) no-repeat;}
.rightTop{ width:746px; height:38px; float:left; margin-top:18px;}
.rightTop h1{ height:36px; float:left; border:1px solid #c7d6bd; padding:0 8px; margin-left:24px; font:bold 26px/34px "Microsoft Yahei","\5b8b\4f53"; color:#5b7648; display:inline;}
.right ul{ width:698px; float:left; margin-left:24px; display:inline;}
.right li{ width:698px; height:190px; float:left; margin:10px 0; display:inline; position:relative; z-index:1;}
.right li img{ width:460px; height:160px; position:absolute; left:0; top:0; z-index:1;}
.right li span{ width:458px; height:28px; border:1px solid #c9c9c9; background:#e8e8e8; font:bold 14px/28px "Microsoft Yahei","\5b8b\4f53"; text-align:center; overflow:hidden; position:absolute; left:0; top:160px; z-index:1;}
.right li span a,.right li p a{ color:#666;}
.right li p{ width:207px; height:162px; padding:8px 12px 18px 18px; border:1px solid #c9c9c9; border-left:0; line-height:22px; overflow:hidden; position:absolute; left:460px; top:0; z-index:1;}
.right li b{ width:692px; height:184px; display:block; border:3px solid #5b7648; position:absolute; left:0; top:0; z-index:2; display:none;}
.right li.hover b{ display:block;}
.right li.hover b a{ width:692px; height:184px; float:left;}
/*newspages*/
.newspages .prev,.newspages .prev:hover,.newspages .next,.newspages .next:hover{ background:#f2f2f2 url(../images/lists/pagearrow.gif) no-repeat;}
.newspages{ width:746px; margin:0 auto; padding:15px 0; line-height:30px; color:#666; text-align: center; float:left; font-family:"Tahoma","\5b8b\4f53";}
.newspages a{ width:30px; height:30px; border:1px solid #c9c9c9; background:#f2f2f2; color:#666; display:inline-block; font-size:14px; line-height:30px; margin:0 3px; text-align:center; vertical-align: middle;}
.newspages .on{ border:1px solid #4f663e; background-color:#5b7648; cursor:default; color:#fff;}
.newspages .ft,.newspages .lt{ display: none;}
.newspages .page_etc{ color:#999; margin:0 10px;}
.newspages .page_turn{ position:relative; margin-left:10px;}
.newspages .page_turn b{ padding:0 5px;}
.newspages .jump input{ width:45px; height:21px; display:inline-block; margin:0 4px; border:1px solid #e4e4e4; text-align:center; color:#666; line-height:21px;}
.newspages button{ height:22px; padding:0 10px; border:1px solid #c9c9c9; background:#fff; color:#666; cursor:pointer; margin-left:2px; _margin-left:4px; _padding:0 5px;}
.newspages .prev{ background-position:2px -19px;}
.newspages .prev:hover{ background-position:2px 4px;}
.newspages .next{ background-position:-24px -19px;}
.newspages .next:hover{ background-position:-24px 4px;}
.newspages a:hover{ color:#000;}
.newspages .on:hover{ color:#fff;}
/*line*/
.line{ width:100%; float:left; border-top:3px solid #dbdbdb;}
.lineBox{ width:1000px; height:110px; margin:0 auto; position:relative; z-index:1;}
.adPosition2{ width:1000px; margin:0 auto; overflow:hidden; border-top:3px solid #717171; position:absolute; left:0; top:-3px; z-index:2;}
.adPosition2 ul{ width:1010px; display:inline; float:left; margin:0px 0 0 -5px;}
.adPosition2 li{ display:block; float:left; padding:10px 5px 0 5px;}
.adPosition2 img,.adPosition2 embed{ float:left;}
/*foot*/
.footer {
	background-color:#242a37;
	padding:40px 0;
  font-family: "Microsoft Yahei";
   }
   .footer .foot {
	margin:0 auto;
	overflow:hidden;
	width: 1180px;
   }
   .footer .foot h2 {
	color:#999;
	font-size:18px;
	height:30px;
	font-weight:bold
   }
   .footer .foot h2 b {
	border-bottom:3px solid #5A7648;
	height:30px;
	display:inline-block
   }
   .footer .foot .foot-nav {
	width:470px;
	float:left
   }
   .footer .foot .foot-nav p {
	font-size:14px;
	color:#999;
	line-height:30px
   }
   .footer .foot .foot-nav p a {
	color:#999
   }
   .footer .foot .foot-nav p a:hover {
	color:#f90
   }
   .footer .foot .foot-nav p a img {
	margin-left:8px
   }
   .footer .foot .foot-nav .foot-img {
	overflow:hidden;
	width:calc(100% + 20px);
	background:url("https://webinar.zyzhan.com/images/copyright.png") no-repeat 0 0;
	background-size:auto 100%;
	margin-top:12px
   }
   .footer .foot .foot-nav .foot-img li {
	width:84px;
	height:33px;
	float:left;
	margin-right:9px
   }
   .footer .foot .foot-nav .foot-img li a {
	display:block;
	height:33px;
	color:#333;
	border-radius:3px;
	overflow:hidden
   }
   .footer .foot .foot-txt {
	overflow:hidden;
	padding:15px 0 0 0
   }
   .footer .foot .foot-txt li {
	width:14%;
	float:left;
	font-size:14px;
	line-height:30px;
	height:30px;
	overflow:hidden
   }
   .footer .foot .foot-txt li a {
	color:#999
   }
   .footer .foot .foot-txt li a:hover {
	color:#5a7648
   }
   .footer .foot .hot-line {
	width:365px;
	height:260px;
	padding-top:10px;
	float:left;
	margin-left:15px;
	color:#999
   }
   .footer .foot .hot-line>b {
	display:block;
	font-size:30px;
	color:#fff;
	margin-top:20px
   }
   .footer .foot .hot-line span {
	display:block;
	font-size:13px;
	line-height:36px
   }
   .footer .foot .hot-line p {
	font-size:14px;
	line-height:28px
   }
   .footer .foot .hot-line p em{
    font-style: normal;
    font-size: 14px;
   line-height: 28px;
   width: 160px;
 display: inline-block;
   }
   .footer .foot .hot-line p span{
   font-size: 14px;
   line-height: 28px;
    display: inline-block;
   }
   
   .footer .foot .hot-line p a {
	display:inline-block;
	width:18px;
	height:21px;
	vertical-align:top;
	margin-top:3px;
	background:url("http://www.chem17.com/images/Index/2019/main.png") no-repeat 100% -223px
   }
   .footer .foot .qr-code {
	float:right;
	padding-top:10px
   }
   .footer .foot .qr-code ul {
	margin-top:28px
   }
   .footer .foot .qr-code ul li {
	float:left;
	padding:0 0 0 40px
   }
   .footer .foot .qr-code ul li:first-of-type {
	padding-left:0
   }
   .footer .foot .qr-code ul li span {
	display:block;
	width:114px;
	height:114px;
	background-color:#fff;
	border:8px solid #fff
   }
   .footer .foot .qr-code ul li span img {
	width:100%;
	height:100%
   }
   .footer .foot .qr-code ul li p {
	text-align:center;
	font-size:14px;
	color:#999;
	margin-top:16px
   }
   .copyright {
	color:#999;
	padding:15px 0;
	text-align:center;
	background-color:#1b1f29;
	font-size:14px
   }
   .copyright a {
	color:#999
   }
   .copyright a:hover {
	color:#ff6600
   }
/*toTop*/
*html,*html body{ background-attachment:fixed; z-index:1;}
*html #contact{ right:expression(eval(document.documentElement.scrollLeft+20)); top:expression(eval(document.documentElement.scrollTop+46));}
#contact{ position:fixed; _position:absolute; top:158px; display:block; right:20px; z-index:1;}
.contact{ width:120px;}
.contact dl{ width:120px; float:left;}
.contact dt{ width:120px; float:left; height:30px; text-align:center; color:#fff; background:url(../images/topic_list2014/gotopbg.jpg) no-repeat; font:normal 18px/30px "Microsoft Yahei","\5b8b\4f53";}
.contact dd{ width:120px; float:left;}
.contact ul{ width:118px; float:left; border-left:1px solid #dee0e3; border-right:1px solid #dee0e3; background:#fff;}
.contact li{ width:118px; float:left; border-bottom:1px solid #dee0e3; text-align:center; color:#666; font-size:14px;}
.contact li img{ width:88px; height:88px; float:left; margin:2px 0 0 15px;}
.contact li em{ width:118px; float:left; padding-bottom:4px; line-height:20px; font-style:normal;}
.contact li.phone,.contact li.qq{ background:#f5f5f5; padding:6px 0;}
.contact li span{ line-height:18px;}
.contact li b{ width:118px; float:left; color:#5b7648; font:bold 14px/20px "Tahoma","\5b8b\4f53"; letter-spacing:-1px;}
.contact li p{ line-height:26px;}
.contact li.qq{ height: 20px;
    padding: 11px 0;
    background-color: #5b7648;
    font-size: 14px;
    color: #fff;}
.contact li.qq a img {
    width: 21px;
    height: 21px;
    margin: 0;
  }
.contact li.qq a {
    float: left;
    margin-left: 5px;
  }
.toTop{ width:120px; height:62px; position:fixed; _position:absolute; top:428px; _top:expression(eval(document.documentElement.scrollTop+318)); display:none; z-index:2;}
.toTop a{ display:block; width:120px; height:62px; background:url(../images/topic_list2014/topic_list2014.png) no-repeat 0 -88px; filter:alpha(opacity=60); opacity:0.6;}
.toTop a:hover{ filter:alpha(opacity=100); opacity:1;}